<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/templates/common/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>${title }</title>
    <link rel="stylesheet" href="${basePath}/static/bootstrap/css/bootstrap.css"/>
    <link href="${basePath}/static/css/basic.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/login.css" rel="stylesheet" type="text/css">
    <link href="${basePath}/static/css/list.css" rel="stylesheet" type="text/css">
    <script  type="text/javascript" src="${basePath}/static/js/jquery.min.js"></script>
	<script  type="text/javascript" src="${basePath}/static/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="${basePath}/static/page/jqPaginator/jqPaginator.js"></script>
    <%-- <%@include file="/WEB-INF/templates/common/inhospitalDisease.jsp"%> --%>
</head>
<body>
<!--头部-->
	<%@include file="/WEB-INF/templates/common/header.jsp"%>
	<!------导航条-->
	<%@include file="/WEB-INF/templates/common/navigation.jsp"%>

<!--内容部分-->
<!--内容部分-->
<div class="list_main lay_out" class="clearfix">
    <div class="list_DH">
        <%@include file="/WEB-INF/templates/common/inhospitalDisease.jsp"%>
    </div>
    <div class="list_NR">
        <div class="loc">
            <h3 style="margin:0" >临床信息顺位</h3>
        </div>
        <div class="list_con_table">
            <div class="search_table" style="position: relative; z-index: 999;">
                <ul class="clearfix" style="margin-bottom:0;">
                <li class="Label_1" >出院日期：&nbsp;</li>
                    <li class="Label_4" style="text-align:left;padding-left:3px;width:280px">
                    	<input class="Wdate input" style="width:120px;" type=""  name='startTime' id='outHospitalStartDate' value='' onFocus="WdatePicker()" />
                    	<span>&nbsp;-&nbsp;</span>
                    	<input class="Wdate input" type="text" style="width:120px;"  name='endTime' id='outHospitalEndDate' value='' onFocus="WdatePicker()" />
                    </li>
				    <li class="Label_1"  style="width:14%;margin-left: 50px;">出院科室：&nbsp;</li>
				    <li class="Label_2" style="width:20%"><input class="input_box" type="text"   name='name' id='name' value='' /></li>
					<!-- <li class="Label_5" ><a onclick="tj()">统计</a></li> -->
                    <!-- <li class="Label_5">
                        <div class="right" style="text-align:right">
                            <a onclick="searchQua()">查询</a>
                         	
                        </div>
                    </li> -->
                  <li class="Label_5">
                        <div class="right" style="text-align:right">
                            <a onclick="tj()">统计</a>
                        </div>
                    </li>
                    
                </ul>
            </div> 
            <div id="chartmain" style="width:100%; height:520px; padding-bottom: 90px;"></div>
        
        </div>
        <!--
        	 <div class="pageList">
	            <ul class="pagination clearfix" id="page_plus"></ul>
	            <div class="pagination">
	                <div>总共：<b id="totalPage">0</b> 条信息    当前页是第 <b id="currentPage">0/0</b>　页</div>
	            </div>
      	  </div>
         -->
    </div>
</div>
<!------页脚部分--------->
<%@include file="/WEB-INF/templates/common/footer.jsp"%>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/echatrs/echarts.min.js"></script>

<!--JS部分-->
<script type="text/javascript">
	function tj() {
		
		option = {
			    title : {
			        text: '临床信息顺位',
			        x:'center'
			    },
			    tooltip : {
			        trigger: 'item',
			        formatter: "{a} <br/>{b} : {c} ({d}%)"
			    },
			    legend: {
			        orient: 'vertical',
			        left: 'left',
			        data: [ '呼吸衰竭, 不可归类在他处者','主动脉瘤和主动脉夹层','其他呼吸性疾患'
			                ,'肝和肝内胆管恶性肿瘤', '支气管和肺恶性肿瘤', '急性心肌梗死', 
			        	   '其他败血病', '胃恶性肿瘤','心绞痛', '其他', '颅内损伤']
			    },
			    series : [
			        {
			            name: '临床信息顺位',
			            type: 'pie',
			            radius : '70%',
			            center: ['50%', '50%'],
			            data:[
			                {value:6, name:'其他呼吸性疾患'},
			                {value:10, name:'急性心肌梗死'},
			                {value:5, name:'支气管和肺恶性肿瘤'},
			                
			                {value:4, name:'其他败血病'},
			                {value:27, name:'其他'},
			                {value:5, name:'呼吸衰竭, 不可归类在他处者'},
			                
			                {value:2, name:'主动脉瘤和主动脉夹层'},
			                {value:3, name:'肝和肝内胆管恶性肿瘤'},
			                {value:2, name:'心绞痛'},
			              
			                {value:4, name:'胃恶性肿瘤'},
			                {value:5, name:'颅内损伤'}
			            ],
			            itemStyle: {
			                emphasis: {
			                    shadowBlur: 10,
			                    shadowOffsetX: 0,
			                    shadowColor: 'rgba(0, 0, 0, 0.5)'
			                }
			            }
			        }
			    ]
			};	
		
		 //初始化echarts实例
	    var myChart = echarts.init(document.getElementById('chartmain'));

	    //使用制定的配置项和数据显示图表
	    myChart.setOption(option);
		
	}
</script>


</body>
</html>